<!-- Teacher_StudyCourseMoocTab.html -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>慕课标签页</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" href="../../css/mui.min.css"/>
    <link rel="stylesheet" href="../../css/base.css"/>
    <style type="text/css">
        /*公共css*/
        body {
            background-color: #fff;
        }

        .test_cell {
            width: 100px;
        }

        .test_cell_title {
            font-size: 14px;
            height: 44px;
        }

        #imageContainer {
            float: left;
            margin: 0;
            width: 40%;
            height: 120px;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
            overflow: hidden;
        }

        #titleContainer {
            float: right;
            width: 60%;
        }

        ul {
            margin: 14px;
        }

        li {
            font-size: 12px;
            margin-top: 10px;
        }

        .courseInfoTitle {
            color: white;
            font-size: 14px;
            font-weight: normal;
        }

        /*#studyBtn{
         width: 60px;
         height: 30px;
         background-color: #188eee;
         border:1px solid #188eee;
         border-radius: 4px;
         color: white;
         font-size: 14px;
         }*/
        .tabbar {
            height: 40px;
            line-height: 40px;
            text-align: center;
            /*border-bottom: 1px solid #e0e0e0;*/
            background: #fff;
        }

        .tabbar .col {
            font-size: 14px;
        }

        .row {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
        }

        .col {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            position: relative;
            overflow: hidden;
        }

        .indicator-super-div {
            width: 100%;
            height: 2px;
            padding: 0 20%;
            overflow: hidden;
        }

        .indicator {
            height: 2px;
            width: 62%;
            background: #18b4ed;
            position: absolute;
            bottom: 0;
        }

        .weui_tabbar {
            width: 100%;
            position: fixed;
            left: 0;
            bottom: 0;
        }

        .title_bulk {
            min-width: 60px;
            height: 44px;
        }

        .back_btn {
            color: white;
            font-size: 16px;
        }

        :focus {
            outline: 0;
        }

        * {
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        }

        input, textarea {
            -webkit-appearance: none;
            border-radius: 0;
        }

        #nav_title {
            font-size: 16px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            word-break: keep-all;
            max-width: 200px;
        }

        #bottom_title {
            float: left;
            height: 52px;
            line-height: 52px;
        }

        #bottom_checkbox {
            float: left;
            padding: 14px;
        }

        #my_study_class {
            width: 120px;
            height: 34px;
            line-height: 34px;
            margin-top: 8px;
            margin-right: 14px;
            float: right;
        }

        #unselected_bottom {
            border-top: 1px solid #ddd;
        }

        #downloadBtn {
            display: block;
            width: 100%;
            height: 30px;
        }

        .whitebg {
            background-color: transparent;
            border-radius: 5px;
            display: block;
            overflow: hidden;
            margin-top: 10px;
            width: 84px;
            height: 30px;
        }

        #download_div {
            visibility: hidden;
        }

        .downloadNotEnbaled {
            background-color: #dfdfdf;
            color: #454545;
            /*border:1px solid #dfdfdf;*/
            border-radius: 5px;
            width: 100%;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 14px;
            display: none;
        }

        #courseInfo {
            /*background-color: #48baff; */
            overflow: hidden;
            height: 158px;
            /*max-height: 200px;*/
            background-image: url(../../image/img_failed.png);
            background-size: 100% 100%;
        }

        .course_info_right_div {
            width: 40%;
            height: 158px;
            /*max-height: 200px;*/
            /*margin: 0;*/
            float: right;
            background-color: rgba(0, 0, 0, 0.5);
            position: relative;
            top: 0;
            right: 0;
            overflow: auto;
        }

        .cancel_download_btn {
            background-image: url(../../image/c.png);
            background-size: 84px 30px;
        }

        .download_btn {
            background-image: url(../../image/a.png);
            background-size: 84px 30px;
        }

        .download_finished_btn {
            background-image: url(../../image/d.png);
            background-size: 84px 30px;
            height: 30px;
            width: 84px;
        }

        .course_exam_div {
            background-color: #ff6601;
            overflow: hidden;
            height: 100%;
            text-align: center;
            color: white;
            font-size: 20px;
            height: 52px;
            line-height: 52px;
        }

        .teacher-mine .user_info_div {
            text-align: center;
            /*background-image: url('../../image/bg_big.png');*/
            color: white;
            background-size: 100% 100%;
            height: 200px;
            background-color: #36353a;
        }

        .teacher-mine .user_info_label {
            text-align: center;
            color: white;
            background-image: url('../../image/bg_small.png');
        }

        .teacher-mine #usericon {
            width: 60px;
            height: 60px;
            border-radius: 4em;
            border: 2px solid #fff;
            overflow: hidden;
            float: left;
            margin-left: 25px;
            margin-top: 90px;
        }

        .teacher-mine .user_name_div {
            padding: 8px 0;
        }

        .teacher-mine table {
            width: 100%;
        }

        .teacher-mine .background-white-line-tr th {
            width: 100px;
            height: 20px;
        }

        .teacher-mine #user_school {
            border-right: 1px solid #fff;
        }

        .teacher-mine #user_class {
            border-left: 1px solid #fff;
        }

        .teacher-mine .user_tag_icon {
            height: 24px;
        }

        .teacher-mine .user_info_th {
            padding: 10px;
        }

        .teacher-mine .user_tag_text {
            margin-top: 2px;
        }

        .teacher-mine .cell_img {
            width: 16px;
            height: 16px;
        }

        .teacher-mine .cell_left_img_div {
            width: 26px;
            height: 20px;
            float: left;
            padding: 3px 10px 2px 0;
        }

        .teacher-mine .mui-table-view {
            margin-top: 10px;
        }

        .teacher-mine #offline_btn {
            text-align: center;
        }

        .teacher-mine .user-info {
            bottom: 32px;
            left: 0;
        }

        .teacher-mine .user-info .user-info-box {
            width: 50%;
        }

        .teacher-mine .user-info .left-box {
            float: left;
            /*padding-right: 40px;*/
        }

        .teacher-mine .user-info .right-box {
            float: right;
            /*padding-left: 40px;*/
        }

        .teacher-mine .user-info .left-title {
            text-align: right;
        }

        .teacher-mine .user-info .right-title {
            text-align: left;
        }

        .teacher-mine .user-info p {
            margin-bottom: 0;
        }

        .teacher-mine .user-info .content-title {
            font-size: 16px;
            color: white;
            text-align: center;
        }

        .teacher-mine .user-info .tag-title {
            font-size: 14px;
            color: #939393;
            text-align: center;
        }

        .teacher-mine .user_info_div .modal-div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 200px;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .teacher-mine .user_info_div .modal-content-div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 200px;
            background-color: rgba(0, 0, 0, 0);
        }

        .teacher-mine .user_info_div .back-btn {
            position: absolute;
            top: 22px;
            left: 0;
            width: 44px;
            height: 44px;
            padding: 12px;
        }

        .teacher-mine .user_info_div .back-btn-img {
            height: 20px;
        }

        .teacher-mine .user_info_div .nav-title-p {
            width: 100%;
            padding: 0 44px;
            position: absolute;
            left: 0;
            top: 22px;
            font-size: 18px;
            line-height: 44px;
            color: white;
            margin-bottom: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .teacher-mine .course-info {
            padding: 10px 15px;
            background-color: #ececec;
            font-size: 18px;
            color: #535353;
        }

        .teacher-mine .course-info-content {
            padding: 20px 15px 60px 15px;
            font-size: 14px;
            color: #535353;
            text-indent: 2em;
            word-wrap: break-word;
        }

        .teacher-mine .footer-view {
            position: fixed;
            left: 0;
            bottom: 0;
            margin: 0;
            width: 100%;
            height: 50px;
            padding: 0;
        }

        .teacher-mine .footer-view .mui-btn-block {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: #30a4da;
            border-color: #30a4da;
            color: white;
            font-size: 16px;
        }

        .teacher-mine .footer-view .mui-btn-block:active {
            background-color: #1094ba;
        }

        .teacher-mine .user_info_div .course-image {
            width: 100%;
            height: 200px;
            position: absolute;
            left: 0;
        / / top: 20 px;
        }

        .course-image-div {
            background-image: url(../../image/bg_big.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .punch-clock-a {
            width: 44px;
            height: 44px;
            position: absolute;
            top: 22px;
            right: 0;
        }

        .punch-clock-img {
            width: 24px;
            margin-top: 10px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="../../css/study.css"/>
</head>
<body>
<div class="teacher-mine">
    <div id="user_info" class="user_info_div">
        <!-- <img id="course_image" src="../../image/bg_big.png" class="course-image"> -->
        <div id="course_image" class="course-image course-image-div"></div>
        <div class="modal-div"></div>
        <div class="modal-content-div">
            <p id="course_name" class="nav-title-p"></p>
            <p id="sign" class="base_right_item" href="#" onclick="sign()"
               style="position: absolute;right: 0;line-height: 44px;padding-right: 10px">签到</p>
            <a id="btnBack" class="back-btn" href="#" onclick="backClick()" style="z-index: 99;">
                <img class="back-btn-img" src="../../image/icon_jiantou.png" alt="">
            </a>
            <a hidden="hidden" id="punch_clock" class="punch-clock-a" href="#" onclick="toPunchClock()"
               style="z-index: 99;">
                <img class="punch-clock-img" src="../../image/dakatongji.png" alt="">
            </a>
            <img id="usericon" src="../../image/icon_teacher_normal.png" alt="">
            <div class="user_tag_div base_tag_font" style="float: left;margin-top: 80px;width: 150px">

                <div style="position: absolute;background: white;width: 1px;height: 30px;margin-left: 75px;margin-top: 25px"></div>
                <button id="course_group"
                        style="position: absolute;right: 20px;margin-top: 20px;background-color: #F8575D;color: white;border-radius: 5px;border-width:0px;width:100px;height:40px;"
                        onclick="openConverSation()">进入课堂圈
                </button>
                <table>
                    <thead>
                    <tr class="background-white-line-tr">
                        <th class="white-line">
                        </th>
                        <th>
                        </th>
                    </tr>
                    </thead>
                </table>
                <div class="user-info">
                    <div class="user-info-box left-box">
                        <p id="speaker" class="left-title content-title">

                        </p>
                        <p class="left-title tag-title">
                            主讲人
                        </p>
                    </div>
                    <div class="user-info-box right-box">
                        <p id="course_time" class="right-title content-title">

                        </p>
                        <p class="right-title tag-title">
                            课时
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="selectBar" class="row hightitem tabbar">
        <div class="col base_dark_grey base_content_font" id="col1" tapmode onclick="tabswitch(1)">
            章节
            <div class="indicator-super-div">
                <div class="indicator" id="indicator1"></div>
            </div>
        </div>
        <!-- <div class="col base_dark_grey base_content_font" id="col2" tapmode onclick="tabswitch(2)">
            活动
            <div class="indicator-super-div">
                <div class="indicator" id="indicator2"></div>
            </div>
        </div> -->
        <div class="col base_dark_grey base_content_font" id="col2" tapmode onclick="tabswitch(2)">
            人员
            <div class="indicator-super-div">
                <div class="indicator" id="indicator2"></div>
            </div>
        </div>
        <div class="col base_dark_grey base_content_font" id="col3" tapmode onclick="tabswitch(3)">
            分析
            <div class="indicator-super-div">
                <div class="indicator" id="indicator3"></div>
            </div>
        </div>
        <div class="col base_dark_grey base_content_font" id="col4" tapmode onclick="tabswitch(4)">
            资料
            <div class="indicator-super-div">
                <div class="indicator" id="indicator4"></div>
            </div>
        </div>
        <div class="col base_dark_grey base_content_font" id="col5" tapmode onclick="tabswitch(5)">
					<span id="question_tag">
						提问
					</span>
            <div class="indicator-super-div">
                <div class="indicator" id="indicator5"></div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/MD5.js"></script>
<script type="text/javascript" src="../../script/requestTool.js"></script>
<script type="text/javascript" src="../../script/timeStampTool.js"></script>
<!-- <script type="text/javascript" src="../../script/databaseOperation.js"></script> -->
<script type="text/javascript" src="../../script/study_courseTimeRecord.js"></script>
<script type="text/javascript">
    apiready = function () {
        var topHeight = api.safeArea.top;
        $("#btnBack").css('top', topHeight);
        $("#course_name").css('top', topHeight);
        $("#sign").css('top', topHeight);
        if(api.pageParam.isTrain){
            $("#sign").hide();
        }
        if (api.pageParam.userType == '1') {
            $('#question_tag').text('答疑');
        }
        if (api.pageParam.isCompetitiveProducts == '1') {
            $('#question_tag').text('评论');
        }
        conversationInfo = api.pageParam.conversationInfo;
        if (conversationInfo.conversationId) {
            $('#course_group').show();
        } else {
            $('#course_group').hide();
        }
        setupCourseData();
        laodData();
        setupCourseInfo();
        setupFrameGroup();
        kebackListen();
        setupPunchClockStatus();
    }

    function setupPunchClockStatus() {
        if (api.pageParam.userType != '1' && $api.getStorage('cfnetppjxid') == '696') {//蓝血计划集团
            recordPunchClock();
            $('#punch_clock').show();
        }
    }

    //跳转至打卡页
    function toPunchClock() {
        api.openWin({useWKWebView:true,
            name: 'punchClockWin',
            url: '../Study/punchClockWin.html',
            pageParam: api.pageParam
        });
    }

    function recordPunchClock() {
        // var now = getNowDate();//获取当前时间戳
        // var week08 = timeStamp13WithString("2019-07-01");
        // if (now >= week08) {
        // 	return;
        // }
        var params = {
            uid: $api.getStorage('cfnetppuid'),
            jid: $api.getStorage('cfnetppjxid'),
            pid: api.pageParam.planid,
            cid: api.pageParam.courseid
        };
        // console.log(JSON.stringify(params)+'\n'+url_recordPunchClock);
        cfnetppPOST(url_recordPunchClock, params, true, function (data, status) {
        });
    }

    function laodData() {
        var course_param = api.pageParam;
        var urlString = study_course_detail;
        var params = {
            uid: $api.getStorage('cfnetppuid'),
            cid: course_param.courseid,
            jid: $api.getStorage('cfnetppjxid'),
            pid: course_param.planid
        };
        cfnetppPOST(urlString, params, true, function (data, status) {
            if (status == 'success') {
                if (data.status == true) {
                    var courseData = data.data;
                    $('#course_info').text(courseData.courseinfo);
                    $('#speaker').text(courseData.speaker);
                    var coursetime = courseData.coursenum;
                    if (coursetime == null || coursetime == '') {
                        coursetime = 0;
                    }
                    $('#course_time').text(coursetime);
                    // $('#usericon').attr('src',imageUrlWithStr(courseData.picurl));
                } else {
                    api.toast({
                        msg: '课程详情加载失败'
                    });
                }
            } else {
                api.toast({
                    msg: '课程详情加载失败'
                });
            }
        });
    }

    function setupCourseData() {
        var imageUrl = api.pageParam.coverimages;
        // $('#course_image').attr('src',imageUrl);
        $('#course_image').attr('style', 'background-image: url(' + imageUrl + ')');
        var coursename = api.pageParam.coursename;
        $('#course_name').text(coursename);
    }

    function  setupCourseInfo() {
        $('#nav_title').text(api.pageParam.coursename);
        // $('#course_teacher').text(api.pageParam.speaker);
        // var alltimeStr = api.pageParam.alltime;
        // if (alltimeStr == '' || alltimeStr == undefined) {
        // 	alltimeStr = 0;
        // }
        // var alltimenum = parseInt(alltimeStr);
        // $('#course_time').text(alltimenum);
        var coverimages = api.pageParam.coverimages;
        var courseInfoBackgroundImg = "background-image: url(" + coverimages + ");"
        $api.css($api.byId('courseInfo'), courseInfoBackgroundImg);
    }

    function sign() {
        console.log(api.pageParam.userType);
        if(api.pageParam.userType=="1"){
            api.openWin({useWKWebView:true,
                name: 'TeacherSignMangeWin',
                url: '../Teacher_Classroom/TeacherSignMangeWin.html',
                pageParam: {
                    cid: api.pageParam.courseid,
                    pid: api.pageParam.planid
                }
            });
        }else {
            api.openWin({useWKWebView:true,
                name: 'Student_signedWindow_LuDong_Title',
                //进入签到码签到页面
                url: '../Student_Classroom/Student_signedWindow_LuDong_Title.html',
                //进入人脸识别页面
                // url: '../Student_Classroom/Student_signed_FaceRecognition.html',
                pageParam: {
                    cid: api.pageParam.courseid,
                    pid: api.pageParam.planid
                }
            });
        }
    }

    function setupFrameGroup() {
        var y = $api.byId('user_info').offsetHeight + $api.byId('selectBar').offsetHeight;
        var h = api.winHeight - y;
        var frames = new Array();
        //添加章节列表
        if (api.pageParam.userType == '1') {//老师
            api.pageParam['sourceurl'] = api.pageParam.sourceurl,
                api.pageParam['sourcetitle'] = api.pageParam.sourcetitle,
                frames.push({
                    name: 'Teacher_StudyCourseChapter',
                    url: 'Teacher_StudyCourseChapter.html',
                    pageParam: api.pageParam
                });
        } else {
            frames.push({
                name: 'studyCourseChapter',
                url: '../Study/studyCourseChapter.html',
                pageParam: {
                    courseid: api.pageParam.courseid,
                    selected: 1,
                    courseChecks: 1,
                    cstatus: api.pageParam.cstatus,
                    imgurl: api.pageParam.imgurl,
                    pid: api.pageParam.planid,
                    examid: api.pageParam.examid,
                    sourceurl: api.pageParam.sourceurl,
                    sourcetitle: api.pageParam.sourcetitle,
                }
            });
        }
        // frames.push({
        //     name: 'Teacher_StudyCourseNote',
        //     url: 'Teacher_StudyCourseNote.html',
        //     pageParam: api.pageParam
        // });

        // if (api.pageParam.userType == 1) {//老师
        //   api.pageParam['ismocc'] = true;
        // 	frames.push({//添加活动
        // 		name : 'Classrom_Frame',
        // 		url : '../Teacher_Classroom/Classrom_Frame.html',
        // 		pageParam : api.pageParam
        // 	});
        // }else{
        //    api.pageParam['ismocc'] = true;
        // 	frames.push({//添加活动
        // 		name : 'Study_classFrame',
        // 		url : '../Student_Classroom/Study_classFrame.html',
        // 		pageParam : api.pageParam
        // 	});
        // }
        var pageP = {
            cid: api.pageParam.courseid,
            pid: api.pageParam.planid,
            usertype: api.pageParam.usertype,
            openType: api.pageParam.openType
        };
        frames.push({//添加人员
            name: 'AccumulatePointsList',
            url: '../AccumulatePoints/AccumulatePointsList.html',
            pageParam: pageP
        });
        var currentPrefix = 'http://study.cfnet.org.cn/index.php';
        if (urlPrefix == 'http://base.cfnet.org.cn/index.php/') {
            currentPrefix = 'http://test.studyv2.cfnet.org.cn/index.php';
        }
        var analysisUrl = currentPrefix + '?app=home&mod=FreeCourseManage&act=coursedetail_phone&cid=' + api.pageParam.courseid + '&realpid=' + api.pageParam.planid + '&jid=' + $api.getStorage('cfnetppjxid');
        frames.push({//添加分析
            name: 'Analysis',
            url: '../Study/Analysis.html',
            pageParam: {
                url: analysisUrl
            }
        });
        frames.push({//添加资料
            name: 'Teacher_StudyCourseMaterials',
            url: 'Teacher_StudyCourseMaterials.html',
            pageParam: api.pageParam
        });
        if (api.pageParam.isCompetitiveProducts == '1') {
            frames.push({//添加讨论
                name: 'Study_CompetitiveProductsCommentList',
                url: '../Study/Study_CompetitiveProductsCommentList.html',
                pageParam: {
                    cid: api.pageParam.courseid,
                    pid: api.pageParam.planid,
                    title: api.pageParam.coursename
                }
            });
        } else {
            frames.push({//添加问答
                name: 'Teacher_StudyCourseQA',
                url: 'Teacher_StudyCourseQA.html',
                pageParam: api.pageParam
            });
        }
        api.openFrameGroup({
            name: 'TeacherCourseFrameGroup',
            rect: {
                x: 0,
                y: y,
                w: 'auto',
                h: h
            },
            scrollEnabled: false,
            index: 1,
            preload: 0,
            frames: frames
        }, function (ret, err) {
        });
        tabswitch(1);
    }

    function sendBuriedNotifi(busionessid, pagetype, pagetypeid) {
        var userinfo = {
            uid: $api.getStorage('cfnetppuid'),
            jid: $api.getStorage('cfnetppjxid'),
            uname: $api.getStorage('cfnetppusername'),
            cid: api.pageParam.courseid,
            pid: api.pageParam.planid,
        }
        var data = {
            busionessid: busionessid,
            pagetype: pagetype,
            pagetypeid: pagetypeid,
            sourceurl: api.pageParam.sourceurl,
            sourcetitle: api.pageParam.sourcetitle,
            accesspageurl: window.location.pathname,
            accesspagetitle: document.title,
            userinfo: userinfo
        }
        SendBehaviorTrajectoriesNotifi_Study(data);
    }

    function tabswitch(index) {
        if (index == 1) {
            sendBuriedNotifi('0', 'mooc章节列表', '008');
        } else if (index == 2) {
            sendBuriedNotifi('0', 'mocc课程评论列表', '060');
        } else if (index == 3) {
            sendBuriedNotifi('0', 'mocc笔记列表', '023');
        } else if (index == 4) {
            sendBuriedNotifi('0', 'mooc资料', '027');
        }

        $('.indicator').attr('style', 'display:none;');
        $('.col').attr('style', 'color:#323232;');
        $('#col' + index).attr('style', 'color:#18b4ed;');
        $('#indicator' + index).attr('style', 'display:block;');
        setupGroupIndex(index - 1);
    }

    function setupGroupIndex(index) {
        api.setFrameGroupIndex({
            name: 'TeacherCourseFrameGroup',
            index: index,
            scroll: false
        });
    }

    function kebackListen() {
        api.addEventListener({
            name: 'keyback'
        }, function (ret, err) {
            //coding...
            backClick();
        });
    }

    function backClick() {
        sendBuriedNotifi('1', 'mooc章节列表', '008');
        api.closeWin();
    }

    function imageUrlWithStr(string) {
        if (string == null || string == undefined || string == '') {
            return '';
        }
        if (string.indexOf("http://") == -1) {
            if (string.indexOf("learn/") == -1) {
                return 'http://bos.cfnet.org.cn/' + string;
            } else {
                return 'http://cfnet.org.cn/data/uploads/' + string;
            }
        } else {
            return string;
        }
    }

    var conversationInfo;

    //打开圈子详情
    function openConverSation() {
        api.openWin({useWKWebView:true,
            name: 'groupDetail',
            url: '../chatModule/groupDetail.html',
            pageParam: {
                conversationId: conversationInfo.conversationId,
                conversationName: conversationInfo.conversationName,
                effective_state: conversationInfo.effective_state,
                openType: "course"
            }
        });
    }
</script>
</html>
